<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>热门公司</span>
    </div>
    <div v-for="item in asideList" :key="item.id" class="text item">
      <a class="texta" :href="item.url">{{ item.title }}</a>
    </div>
  </el-card>
</template>
<script>
import {asidecom} from '@/api/index'
export default {
  name: "aside1",
  data() {
    return {
      asideList: [
        
      ]
    }
  },
  created() {
    asidecom().then((data) => {
         this.asideList = data.data
    })
  }
};
</script>
<style lang="scss" scoped>
.texta {
  color: gray;
  text-decoration: none;
  &:hover {
    color: #000;
    font-size: 1.2em;
    transform: all 0.7s;
    text-decoration: underline;
  }
}
.text {
  font-size: 14px;
}

.item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 18px;
}

.clearfix {
  &:before,
  &:after {
    display: table;
    content: "";
    clear: both;
  }
}
</style>